<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:pe="http://primefaces.org/ui/extensions">

<h:head>
	<title><ui:insert name="title">#{messages['title']}</ui:insert></title>
	<!-- para mudar o icone do titulo da aba <link rel="shortcut icon" href="/favicon.ico" />-->
	<link type="text/css" rel="stylesheet"
		href="#{request.contextPath}/resources/styles/games.css" />
	<script type="text/javascript"
		src="#{request.contextPath}/resources/scripts/games.js"></script>
</h:head>
<h:body>

	<p:growl id="messages" globalOnly="true" />
	<pe:tooltip global="true" myPosition="left center"
		atPosition="right center" />

	<div id="modals">
		<ui:insert name="modals" />
	</div>

	<p:layout fullPage="true">
		<p:layoutUnit id="north" position="north" resizable="false"
			closable="false" size="50">
			<ui:include src="/pages/menu.xhtml" />
		</p:layoutUnit>
		<p:layoutUnit position="east" resizable="false" closable="true"
			size="350">
			<ui:insert name="content-east" />
		</p:layoutUnit>
		<p:layoutUnit id="center" position="center" resizable="false"
			closable="false">
			<ui:insert name="content-center" />
		</p:layoutUnit>
		<p:layoutUnit id="south" position="south" resizable="false"
			closable="false" size="15">
			<div style="text-align: center;">
				<h:outputText value="#{messages['bottom']}" />
			</div>
		</p:layoutUnit>
	</p:layout>

	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />

	<p:dialog modal="false" widgetVar="statusDialog"
		header="#{messages['label.por.favor.aguarde']}" draggable="false"
		closable="false" resizable="false">
		<p:graphicImage value="/resources/images/ajaxloadingbar.gif" />
	</p:dialog>

</h:body>
</html>